{% extends 'base.html' %}
{% block head %}

	<link href="{{ path }}js/plugins/datatables/DT_bootstrap.css" rel="stylesheet">
	<link href="{{ path }}js/plugins/responsive-tables/responsive-tables.css" rel="stylesheet"> 
    
    <script src="{{ path }}js/demos/demo.tables.js"></script>
    <script src="{{ path }}js/plugins/datatables/jquery.dataTables.js"></script>
    <script src="{{ path }}js/plugins/datatables/DT_bootstrap.js"></script>
	<script src="{{ path }}js/plugins/responsive-tables/responsive-tables.js"></script>
    <script src="{{ path }}js/jquery.numeric.js"></script>
    
    <script src="{{ path }}js/plugins/msgGrowl/js/msgGrowl.js"></script>
    <script src="{{ path }}js/plugins/msgAlert/js/msgAlert.js"></script>
    <script src="{{ path }}js/plugins/timepicker/jquery.ui.timepicker.min.js"></script>
    <script src="{{ path }}js/plugins/colorpicker/js/bootstrap-colorpicker.js"></script>
    <script src="{{ path }}js/plugins/lightbox/jquery.lightbox.js"></script>
    <script src="{{ path }}js/demos/demo.ui-elements.js"></script>

{% endblock %}
	
{% block jquery %}	
	
    function registrarTraslado(traslado_id){
        $.ajax({
            url: "/inventario/traslados/nuevo/",
            type: "POST",
            data : {traslado_id:traslado_id,
                    csrfmiddlewaretoken : $('#csrf_token >div >input').attr("value")
                     },
            dataType: "html",
            success: function(datos) {
                $('#nuevo-traslado').html(datos);
            }
        });
    }

    $("#btn-nuevo").click(function() {
        registrarTraslado(0);
    });

    $( $(".acc_traslado[id^='tras']") ).click(function() {
            traslado_id = $(this).attr('value');
            registrarTraslado(traslado_id);
        });
    
{% endblock %}

{% block javascript %}

hide();

function getData(value){
        sede = $("#sede-origen").val();
        
        if(value != ""){
            $("#ajaxresults").show();
            $.ajax({
              url: "/bsq_productoVenta/",
              type: "POST",
              data : {
                      sede_id:sede, 
                      producto:value, 
                       },
              dataType: "html",
              success: function(datos) {
                  $("#ajaxresults").html(datos);
              }
          });
        }else{
            $("#producto-id").val("");
            hide();
        }
    }

    function hide(){
        $("#ajaxresults").hide();
    }

    function copyToBox(value){
        $("#producto-live").val(value.html());
        $("#producto-id").val(value.attr("value"));
        $('#producto-id').attr('cantidad', value.attr("cantidad"));
        $('#producto-id').attr('lote', value.attr("lote"));
        $('#producto-id').attr('vencimiento', value.attr("vencimiento"));
        hide();
    }

    function eliminar(traslados_id){
            $.ajax({
              url: "/inventario/traslados/borrar/",
              type: "POST",
              data : {traslados_id:traslados_id, 
                       },
              dataType: "html",
              success: function(datos) {
                    if(datos==1){
                        location.reload(true);
                    }
                    else{
                        alert("Se ha producido un error borrando el registro." + datos);
                    }
                  
              }
          });
        return false;
    }

{% endblock %}

{% block contenido %}
	{{ request.session.control }}
    	
    	<div class="span12">
            <div class="widget">	
                <div class="widget widget-table">   
                    <div class="widget-header">						
                        <h3>
                            <i class="icon-th-list"></i>
                            Traslados
                        </h3>
                    </div> <!-- /widget-header -->
                    <form id="frm_borrar" action="/inventario/traslados/borrar/" method="post">
                    <div class="widget-content">
                        {% csrf_token %}
                        <table class="table table-striped table-bordered table-highlight" id="example">
                            <thead>
                            <tr>
                                <th width="5%" align="center">Fecha</th>
                                <th width="15%" align="center">Sede Origen</th>
                                <th width="15%" align="center">Sede Destino</th>
                                <th width="9%" align="center">Cum</th>
                                <th width="15%" align="center">Producto</th>
                                <th width="15%" align="center">Proveedor</th>
                                <th width="8%" align="center">Lote</th>
                                <th width="5%" align="center">Cantidad</th>
                                <th width="4%" align="center">Editar</th>
                                <th width="4%" align="center">Borrar</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for traslado in Traslados %}
                                <tr class="{% cycle '' 'odd' %}">
                                    <td align="right"><label>{{ traslado.fecha|date:'d/m/Y' }}</label></td>
                                    <td align="left"><label>{{ traslado.sede_origen }}</label></td>
                                    <td align="left"><label>{{ traslado.sede_destino }}</label></td>
                                    <td align="center"><label>{{ traslado.producto.producto.cum }}</label></td>
                                    <td align="center"><label>{{ traslado.producto.producto }}</label></td>
                                    <td align="left"><label>{{ traslado.producto.factura_compra.proveedor }}</label></td>
                                    <td align="left"><label>{{ traslado.producto.lote }}</label></td>
                                    <td align="left"><label>{{ traslado.cantidad }}</label></td>
                                    <td class="table_center" ><a href="#myModal" id="tras_{{ traslado.id }}" value="{{ traslado.id }}" data-toggle="modal" class="acc_traslado"><img src="{{ path }}images/24x24/edit.png" /></a></td>
                                    <td><a href="#"><img src="{{ path }}images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm('Al eliminar el registro serán borrados los productos relacionados del inventario. ¿Desea eliminar este registro?')){eliminar({{ traslado.id }});}"/></a></td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div> <!-- /. widget-content -->
                    <div class="modal-footer">
                        <a id="btn-nuevo" href="#myModal" data-toggle="modal" class="btn btn-primary btn-medium">Nuevo</a>
                    </div>
                    </form>
                </div> <!-- /. widget-table -->
            </div> <!-- /. widget -->
        </div> <!-- /. span12 -->
        <div class="modal fade hide" id="myModal">
	        <form id="form-traslados" class="form-horizontal" action="/inventario/traslados/guardar/" method="post" enctype="multipart/form-data">
                  {% csrf_token %}
                  <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h3>Nuevo traslado</h3>
                  </div>
                  <div class="modal-body" id="nuevo-traslado">
                        
                       
                  </div>
                  <div class="modal-footer">
                    <a href="#" class="btn btn-medium" data-dismiss="modal">Cerrar</a>
                    <button type="submit" id="btn_guardar" class="btn btn-primary btn-medium">Guardar traslado</button>
                  </div>
            </form>
        </div>
{% endblock %}